<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>

		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>

	<body>

        <div class="pop-bg">
            <div class="pop-box" id="rule">
                <img src="img/upload_rule_title.png" width="100%" alt="" />
                <div class="upload-demo-text">过长小票请分段上传</div>
                <div class="upload-demo-box flex">
                    <div class="upload-demo-item">
                        <img src="img/upload_demo_img.png" width="100%" alt="">
                        <span>1</span>
                    </div>
                    <div class="upload-demo-item">
                        <img src="img/upload_demo_img.png" width="100%" alt="">
                        <span>2</span>
                    </div>
                </div>
                <button class="close-pop">知道了</button>
            </div>
        </div>

        <img src="img/logo.jpg" width="100%" alt="" />
        <div class="page">
            <div class="box">
                <img class="upload-title" src="img/upload_title.png" width="100%" alt="" />
                <div class="upload-box flex">
                    <div class="upload-box-item">
                        <input type="file" />
                        <!--<img class="upload-icon" src="img/upload_icon1.png" alt="">-->
                        <img src="img/upload_img.png" alt="" />
                    </div>
                    <div class="upload-box-item">
                        <input type="file" />
                        <img class="upload-icon2" src="img/upload_icon2.png" alt="">
                    </div>
                </div>
                <div class="tips-box">
                    <p>1  清晰显示小票所属门店/日期/流水号；</p>
                    <p>2  需含冰爽系列饮料，且单笔累计消费满38元；</p>
                    <p>3  小票日期需在活动日期内；</p>
                    <p>4  每个微信号仅能参与一次，每个小票仅能使用一次（不可经过修图软件处理）。</p>
                </div>
                <div class="btn-box flex">
                    <button>重新上传</button>
                    <button>确认提交</button>
                </div>
            </div>
        </div>

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.close-pop').click(function (e) {
                $('.pop-bg').removeClass('flex');
                $('.pop-box').hide();
            });

            $('.upload-title').click(function (e) {
                $('.pop-bg').addClass('flex');
                $('#rule').show();
            });
        </script>
	</body>

</html>